@import "[default].parameters.css";

.container {
    padding-right: var(--display-stacks-md) !important;
    padding-left: var(--display-stacks-md) !important;
}

.pagecontent-with-sidebar .container,
.pagecontent-with-sidebar .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container-lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.spacer {
    height: var(--spacer-padding);
}

.grid-row {
    padding-top: var(--main-padding);
    padding-bottom: var(--main-padding);
    background-repeat: no-repeat;
    background-size: cover;
}

.grid-row-item {
    display: flex;
    flex-direction: column;
}

.grid-row-valigned .grid-row-item {
    justify-content: center;
}

.padding-y-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.padding-y-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.padding-y-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.padding-y-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.padding-y-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.padding-y-5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.padding-y-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.padding-y-7 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.padding-y-8 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.padding-y-9 {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.padding-y-10 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.my-6 {
    margin-top: var(--display-stacks-2xl);
    margin-bottom: var(--display-stacks-2xl);
}

.mt-6 {
    margin-top: var(--display-stacks-2xl);
}

.mb-6 {
    margin-bottom: var(--display-stacks-2xl);
}

.mb-3xl {
    margin-bottom: var(--display-stacks-3xl);
}

.g-2xl {
    --bs-gutter-x: var(--display-stacks-2xl) !important;
    --bs-gutter-y: var(--display-stacks-2xl) !important;
}

.gx-2xl {
    --bs-gutter-x: var(--display-stacks-2xl) !important;
}

.half-container {
    height: 100%;
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .container-lg {
        padding-right: var(--display-stacks-md) !important;
        padding-left: var(--display-stacks-md) !important;
    }

    .half-container {
        padding: 3rem;
        max-width: 636px;
        align-items: start;
        text-align: left;
    }

    .col1 .half-container {
        float: right;
    }

    .me-lg-6 {
        margin-right: var(--display-stacks-2xl);
    }

    .mb-lg-3xl {
        margin-bottom: var(--display-stacks-3xl);
    }

    .gap-lg-3xl {
        gap: var(--display-stacks-3xl) !important;
    }

    .g-lg-2xl {
        --bs-gutter-x: var(--display-stacks-2xl) !important;
        --bs-gutter-y: var(--display-stacks-2xl) !important;
    }

    .gx-lg-2xl {
        --bs-gutter-x: var(--display-stacks-2xl) !important;
    }

    .w-lg-auto {
        width: auto !important;
    }
}